@import url('boxs.css');
@import url('tabs.css');

body{
	background-color: 		#B0CDEE;
	/*background-image: 		url(http://thaishopdb.com/images/mainbg.png);*/
	background-position: 	50% 0px;
	background-repeat: 		no-repeat;
	color: 					#666;
	font-family: 			Tahoma, Helvetica, sans-serif;
	font-size: 				12px;
	margin: 				0px;
	padding:				0px;	
}
input{
	padding-top:			2px;
}
img{
	border:none;
}
@font-face 
{
    font-family: Circular;
    src: url(fonts/Circular.ttf);
}
@font-face 
{
    font-family: Circular Bold;
    src: url(fonts/CircularBold.ttf);
}
h1,h2,h3,h4,h5,h6{
	margin:					0px;
	padding:				0px;
}
a{
	color:					#0369C0;
	text-decoration:		none;
}
a:hover{
	color:					#ffa12d;
}
ul>li{
	list-style:				none;
}
ul>li a{
	text-decoration:		none;
}
.product_title{
	color:					#2a6ebc;
	padding:				0px 15px;
}
.delimg{
	background-color: 		white;
	margin-top: 			-16px;
	position: 				absolute;
	display:				none;
}
.page{
	background-color: 		white;
	margin: 				0px auto;
	padding-bottom: 		10px;
	width: 					1024px;
	-webkit-box-shadow: 	rgba(0, 0, 0, 0.589844) 0px 1px 20px;
	-moz-box-shadow:		rgba(0, 0, 0, 0.589844) 0px 1px 20px;
	box-shadow:				rgba(0, 0, 0, 0.589844) 0px 1px 20px;
}
#loading{
	color: green;
	font-size: 16px;
	padding: 5px;
}
.clear{
	clear: 					both;
	display: 				block;
	overflow: 				hidden;
	height:					2px;
	margin:					-10px 0px 20px;
	border-bottom: 			thin solid #CCC;
}
.line{
	height:					5px;
	border-bottom:			5px solid #2a6ebc ;
}
.even{
	background-color:		#d9e3eb;
}
#dot{
	height:					2px;
	border-bottom:			1px dotted #ccc ;
	margin:					5px;
}
#title{
	color:					#ffa12d;
	font-family:			Circular Bold;
	font-size:				18px;
	text-decoration: 		none;
	font-weight: 			bold;
	text-shadow: 			#FFD189 2px -2px 1px;
}
#sub_title{
	color:					#ffa12d;
	font-family:			Circular Bold;
	font-size:				24px;
}
#redstar{
	color:					red;
	font-size:				30px;
}

#warning {
	background: 			#FFDFE0;
	border: 				1px solid #F99;
	color: 					#C41919;
	font-size: 				12px;
	margin-bottom: 			15px;
	padding: 				5px 0px;
	text-align: 			center;
}

.circle {
	margin: 10px;
	float: left;
}
.circle span {
	color: #FFFFFF;
    font-size: 50px;
    font-weight: bold;
    margin-left: -49px;
    position: absolute;
}

.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}
.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
	padding: 10px;
}
.list tbody a {
	text-decoration: none;
}
.list tbody td {
	vertical-align: middle;
	padding: 0px 5px;
}
.list tbody tr{
	height: 30px;
}
.list tbody tr:odd {
	background: #FFFFFF;
}
.list tbody tr:even {
	background: #E4EEF7;
}
.list .left {
	text-align: left;
	padding: 7px;
}
.list .right {
	text-align: right;
	padding: 7px;
}
.list .center {
	text-align: center;
	padding: 7px;
}
.list .asc {
	padding-right: 15px;
	background: url('images/asc.png') right center no-repeat;
}
.list .desc {
	padding-right: 15px;
	background: url('images/desc.png') right center no-repeat;
}
.list .filter td {
	padding: 5px;
	background: #E7EFEF;
}

.shadow{
	-webkit-box-shadow: 	rgba(0, 0, 0, 0.589844) 0px 1px 4px;
	-moz-box-shadow:		rgba(0, 0, 0, 0.589844) 0px 1px 4px;
	box-shadow:				rgba(0, 0, 0, 0.589844) 0px 1px 4px;
	border: 				1px solid gray;
	border-bottom-left-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
}
/* ================  Vertical Menu =================================*/
ul.vmenu{
	margin: 				0px;
	padding: 				1px 0px 0px;
}
ul.vmenu li{
	background: 			url(images/bg_nav-01.png) no-repeat 11px 0px;
	list-style:				none;
	margin-left:			-11px;
	width: 					200px;
	padding:				8px 0 8px 20px;
	border-top: 			1px solid white;
}
ul.vmenu li img{
	margin-right:			10px;
}
ul.vmenu li a{
	font-size:				14px;
	font-weight:			bold;
	text-decoration:		none;
}
ul.vmenu li#active{
	background: 			url(images/bg_nav_current.png) no-repeat 0% 50%;
	border: 				none;
	padding-right: 			0px;
	text-shadow: 			#3293D6 -1px -1px 0px;
}
ul.vmenu li#active a:hover{
	text-decoration:		underline;
}
ul.vmenu li#active a{
	color: 					white;
}

/*=========================== CSS3 Button ===========================*/
.button, 
.button:visited {
	background: 			#222 url(images/overlay.png) repeat-x;
	display: 				inline-block;
	padding: 				5px 10px 6px;
	color: 					#fff;
	text-decoration: 		none;
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	-moz-box-shadow: 		0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 	0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 			0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 			1px solid rgba(0,0,0,0.25);
	position: 				relative;
	cursor: 				pointer;
}
.small.button, 
.small.button:visited{ 
	font-size: 				11px;
}
.button, 
.button:visited,
.medium.button, 
.medium.button:visited { 
	font-size: 				13px;
	font-weight: 			bold;
	line-height: 			1;
	text-shadow: 			0 -1px 1px rgba(0,0,0,0.25);
}

.large.button, 
.large.button:visited{ 
	font-size: 				14px;
	padding: 				8px 14px 9px; 
}
.super.button, 
.super.button:visited{ 
	font-size: 				34px;
	padding: 				8px 14px 9px; 
}
.pink.button, 
.magenta.button:visited{ 
	background-color: 		#e22092; 
}
.pink.button:hover{ 
	background-color: 		#c81e82; 
}
.green.button, 
.green.button:visited{ 
	background-color: 		#91bd09; 
}
.green.button:hover{ 
	background-color: 		#749a02; 
}
.red.button, 
.red.button:visited{ 
	background-color: 		#e62727; 
}
.red.button:hover{ 
	background-color:		#cf2525; 
}
.orange.button, 
.orange.button:visited{ 
	background-color: 		#ff5c00; 
}
.orange.button:hover{ 
	background-color: 		#d45500; 
}
.blue.button, 
.blue.button:visited{ 
	background-color: 		#2981e4; 
}
.blue.button:hover{ 
	background-color: 		#2575cf; 
	color:					white;
}
.yellow.button, 
.yellow.button:visited{ 
	background-color: 		#ffb515; 
}
.yellow.button:hover{ 
	background-color: 		#fc9200; 
}

/*================================  Header =====================================*/

.header{
	width:					100%;
	height:					185px;
	margin:					0px;
	padding:				0px;
}

#header_top{
	overflow:				hidden;
}

#logo{
	background:transparent url(images/logo.png) no-repeat;
	width:					250px;
	height:					110px;
	/*background-color:		#ffa12d;*/
	float:					left;
	margin-left:			20px;
}

#header_bottom{
	width: 					100%;
	font-size: 				16px;
	font-weight: 			bold;
	color: 					white;
	text-shadow: 			1px 1px 2px #575A5D;
}

#menu{
	height:					46px;
	border-bottom:			5px solid #2a6ebc ;
}

#menu #post_here div{
	background: 			url(images/posterFree100x100.png) no-repeat;
	width: 					110px;
	height: 				110px;
	float: 					right;
	position: 				absolute;
}
#menu #post_here div:hover{
	background: url(images/posterFree_hover100x100.png) no-repeat;
}
#header_bottom ul#header_right_menu{
	float:					left;
	margin-left: 			65px;
}
#header_bottom ul#header_right_menu li a,
#header_bottom ul#header_left_menu li a{
	color:					white;
	text-decoration:		none;
}
#header_bottom ul#header_right_menu li a:hover,
#header_bottom ul#header_left_menu li a:hover{
	text-shadow:			#b5b7b5 1px 1px 2px;
}

#header_bottom ul#header_left_menu{
	float:					right;
}

#header_bottom ul#header_right_menu li,
#header_bottom ul#header_left_menu li{
	background-color:		#2a6ebc;
	list-style:				none;
	float:					left;
	margin:					0px 5px;
	border:					thin solid #2a6ebc ;
	padding:				5px 10px;
	cursor:					pointer;
}

#logined{
	color: #2A6EBC;
	margin-left: 25px;
	margin-top: 25px;
	position: absolute;
	text-shadow: #575A5D 0px -1px 0px;
}

/*================================  Content =====================================*/

.content{
	overflow:				hidden;
}
#wrap_top{
	overflow:				hidden;
}
#wrap_top #wrap_top_left{
	float:					left;
	width:					750px;
	padding-left:			15px;
	padding-top: 			25px;
}

#wrap_top #wrap_top_right{
	float:					right;
	width:					230px;
	margin-right:			10px;
}

.right_menu{
	background: url(images/bg_body.jpg) no-repeat 0px 0px;
}
#post{
	overflow:				hidden;
}

#wrap_bottom{
	
}

#wrap_bottom_left{
	width:					650px;
	float:					left;
	overflow:				hidden;
}

#wrap_bottom_left ul li{
	list-style:				none;
}

#post #post_img{
	
}
#post #post_img img{
	float:					left;
	margin:					6px;
	padding:				2px;
	border:					1px solid gray;
	width:					48px;
	height:					48px;
	-webkit-box-shadow: 	rgba(0, 0, 0, 0.589844) 0px 1px 4px;
	border: 				1px solid gray;
	border-bottom-left-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
}
#post #post_title{
	width:					583px;
	float:					right;
}
#post #post_header{
	color:					#2a6ebc;
	font-weight:			bold;
	font-size:				14px;
	margin:					3px 0px;
}
#post #post_header #price{
	color:					red;
}
#post #post_detial{
	text-indent:			30px;
}

#wrap_bottom_right{
	width:					340px;
	overflow:				hidden;
	background-color:		transparent;
	float:					right;
	margin-right:			10px;
}

#cat_left{
	float:					left;
	overflow:				hidden;
}
#cat_right{
	float:					right;
	overflow:				hidden;
}

#signup_form{
	float:					left;
}
#regist_nav{
	float:					right;
	border-left:			thin dashed #CCC;
	width:					270px;
	padding:				10px;
}
#regist_nav p{
	text-indent:			30px;
}

.none_underline{
	text-decoration:		none;
}

#joinus{
	background:				url(images/joius.png) no-repeat;
	color: 					white;
	font-size: 				20px;
	height: 				80px;
	padding-left: 			8px;
	padding-top: 			25px;
	text-shadow: 			gray 1px 1px 3px;
}

#joinus:hover{
	background:				url(images/joius_hover.png) no-repeat;
	text-shadow:			#b5b7b5 1px 1px 2px;
}

#product_detail{
	overflow:				hidden;
	margin-right:			10px;
	margin-bottom:			10px;
	clear:					both;
}
#product_detail_left{
	float:					left;
	overflow:				hidden;
}
#product_detail_right{
	float:					right;
	overflow:				hidden;
	width:					125px;
	background-color:		#D9E3EB;
	padding:				5px;
	height:					270px;
}

#show_img{
	float:					left;
	overflow:				hidden;
	width:					520px;
}
#show_detail{
	float:					right;
	overflow:				hidden;
	font-size:				12px;
	padding-top:			5px;
}
#show_detail #pdetail{
	margin-bottom:			10px;
	border-bottom:			thin dashed #ccc;
}
#show_detail #pdetail div{
	font-weight:			bold;
	text-align:				right;
	overflow:				hidden;
	width:					110px;
	float:					left;
	margin-right:			5px;
}

.catlist{
	list-style:				none;
	line-height: 			25px;
	padding-left: 10px;
}
.catlist li{
	border-bottom:			thin solid #ccc;
}
.catlist li a{
	text-decoration:		none;
}


#category{
	overflow:				hidden;
	width:					315px;
	padding:				5px;
	margin-bottom:			10px;
}
#category:hover{
	background-color:		#d9e3eb;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}
#category #cat_img{
	float:					left;
	padding:				1px;
	border:					1px solid gray;
	width:					48px;
	height:					48px;
	margin-right:			5px;
	margin-top:				5px;
}
#category #cat_title{
	overflow:				hidden;
}
#category #cat_title #cat_header{
	font-size:				14px;
	font-weight:			bold;
}
#post_cat a{
	text-decoration:		none;
}
/*=========================== Upload Products Images =====================*/
#upload{
	padding:				5px;
	font-weight:			bold; 		
	font-size:				1.3em;
	font-family:			Arial, Helvetica, sans-serif;
	text-align:				center;
	background:				#f2f2f2;
	color:					#3366cc;
	border:					1px solid #ccc;
	width:					150px;
	cursor:					pointer !important;
	-moz-border-radius:		3px; 
	-webkit-border-radius:	3px;
}
.darkbg{
	background:				#ddd !important;
}
#status{
	font-family:			Arial; 
	padding:				5px;
}
ul#files{ 
	list-style:				none; 
	padding:				0; 
	margin:					0; 
}
ul#files li{ 
	float: 					left;
	min-height: 			100px;
	margin-bottom: 			10px;
	margin-right: 			10px;
	padding: 				2px;
}
ul#files li img{ 
	max-width:				125px; 
	max-height:				125px; 
}
.success{ 
	border:					1px solid #ddd; 
}
.error{ 
	background:				#f0c6c3; 
	border:					1px solid #cc6622; 
}

span#cat_img{
	float: right;
	padding: 17px 0px;
	margin-right: 5px;
	margin-top: 5px;
	width: 60px;
}
#list{
	border: 1px solid #ddd;
	border-collapse: collapse
}
#list td {
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding:10px 0;
}
#list thead{
	background-color: #EFEFEF;
	color: #222;
	font-weight: bold;
	text-decoration: none;
}
#list tr{
	border: 1px solid #ddd;
}
#list .left {
	padding: 7px;
	text-align: left;
}
#list .right {
	padding: 7px;
	text-align: right;
}
/* =============================   Map Canvas ==================================*/
#map_canvas{
	width: 					340px; 
	height: 				550px; 
	position: 				relative; 
	background-color: 		rgb(229, 227, 223); 
}
/*================================  Footer =====================================*/

/*.footer{
	background-color:		#d9e3eb;
	padding:				10px;
	margin:					10px 10px 0px 10px;
}

#footer_top{

}*/
#footer_bottom{
	background-color:		#d9e3eb;
	padding:				10px;
	margin:					10px 10px 0px 10px;
	border-radius:			5px;
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
}

.footer {
	border-top:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
	margin-bottom:-10px;
	padding: 0 10px;
	/*background:url(images/main_icon/footerbg.png) repeat-x scroll left bottom #F7F7F7;*/
	overflow: hidden;
}
.footer div{
	float:left;
	margin:0 10px 0 0;
	width:200px;
	font:small Arial, Helvetica, sans-serif ;
}
#footer-link{
	border-right:1px solid #E4E4E4;
	padding:0px;
	width:690px;
}

#desc{
	float:right;
	margin:0px;
	padding:0;
	width:280px;
}
#desc p{
	float:right;
	width:100%;
	text-indent:0px;
}
#footer-top{
	border-top:1px solid #E4E4E4;
	overflow:hidden;
	width:100%;
}
#footer-bot{
	border-top:1px solid #E4E4E4;
	overflow:hidden;
	padding:10px 0;
	width:100%;
}